// 重置样式和公共样式
@import"../../assets/css/reset.css";
@im
@import"../../assets/libs/fonts/iconfont.css";
html,
body,
main {
    width: 100%;
    height: 100%;
}
// main {
//     min-width: 1200px;
//     display: flex;
//     .loginLflet {
//         width: 60%;
//         height: 100%;
//         position: relative;
//         background-color: rgb(0, 167, 242);

//         img {
//             position: absolute;
//             top: 50%;
//             left: 50%;
//             transform: translate(-50%, -50%);
//         }
//     }

//     //登录表单
//     .loginritht {
//         width: 40%;
//         height: 100%;
//         position: relative;
//         //登录表单的绝对居中 主体
//         .modol {
//             height: 500px;
//             width: 400px;
//             position: absolute;
//             top: 50%;
//             left: 50%;
//             transform: translate(-50%, -50%);
//             // background-color: rgb(119, 214, 154);
//             //源码大数据头部logo图片
//             img {
//                 display: block;
//                 margin: 30px auto;
//             }
//             //选项卡头部菜单
//             ul {
//                 height: 50px;
//                 width: 200px;
//                 display: flex;
//                 justify-content: space-between;
//                 margin: 35px auto;
//                 line-height: 50px;
//                 position: relative;

//                 //  <!-- 选项卡菜单账号注册扫码登录 -->
//                 li {
//                     font-size: 18px;
//                     cursor: pointer;
//                     position: relative;
//                     //点击添加类名颜色改变
//                     &.active {
//                         color: #00bdff;
//                     }
//                     &.active span {
//                         display: inline-block;
//                         height: 3px;
//                         width: 54px;
//                         position: absolute;
//                         background-color: #00bdff;

//                         right: 10px;
//                         top: 42px;
//                     }
//                 }
//                 // 登录表单抬头灰色分割竖线条
//                 .on {
//                     position: absolute;
//                     height: 18px;
//                     width: 3px;
//                     background-color: #eee;
//                     top: 15px;
//                     right: 98px;
//                 }
//             }
//             //表单主体
//             .tab-content {
//                 height: 355px;
//                 width: 100%;
//                 padding: 0 20px;


//                   //两个删除Icon图标
//                   .nameshanchu,.paswdsahnchu{
//                     font-size: 18px;
//                     position: absolute;
//                     top: 15px;
//                     right: 7px;
//                     cursor: pointer;
//                     display: none;
//                 }
//                 //用户和密码图标
//                 .icon-yonghu,.icon-mima{
//                     position: absolute;
//                         left: -2px;
//                         top: 6px;
//                         display: inline-block;
//                         height: 25px;
//                         width: 25px;
//                         font-size: 24px;
//                         color: rgb(0, 167, 242);
//                         font-weight: 900;
                        
//                 }
               
//                 //选项卡第一部分账号注册 进来先隐藏display: none;
//                 .tab-content-laft {
//                     //进来先隐藏
//                     display: none;
//                     //用户名手机号输入框
//                     p:nth-child(1) {
//                         position: relative;

//                         input {
//                             display: block;
//                             width: 100%;
//                             height: 40px;
//                             border: none;
//                             outline: none;
//                             border-bottom: 1px solid #e7e7e7;
//                             text-indent: 25px;
//                             line-height: 40px;
//                             font-size: 12px;
//                             color: #757575;
//                             margin-bottom: 20px;
//                         }

//                         //手机号输入不正确提示文字
//                         b {
//                             font-size: 12px;
//                             color: red;
//                             width: 80px;
//                             height: 13px;
//                             position: absolute;
//                             top: 47px;
//                             left: 0;
//                              display: none;
//                         }
                    
//                     }

//                     //密码输入框 
//                     p:nth-child(2) {
//                         position: relative;

//                         input {
//                             display: block;
//                             width: 100%;
//                             height: 40px;
//                             border: none;
//                             outline: none;
//                             border-bottom: 1px solid #e7e7e7;
//                             text-indent: 25px;
//                             line-height: 40px;
//                             font-size: 12px;
//                             color: #757575;
//                             margin-bottom: 20px;

//                         }

//                         //密码输入不正确提示文字
//                         b {
//                             font-size: 12px;
//                             color: red;
//                             width: 84px;
//                             height: 13px;
//                             position: absolute;
//                             top: 47px;
//                             left: 0;
//                             display: none;
//                         }

//                     }

//                     //忘记密码？
//                     p:nth-child(3) {
//                         text-align: right;
//                         margin-bottom: 20px;
//                         color: #00bdff;
//                         cursor: pointer;
//                     }

//                     //按钮
//                     button {
//                         display: block;
//                         height: 45px;
//                         width: 360px;
//                         margin: 0 auto;
//                         border: none;
//                         outline: none;
//                         background-color: #00bdff;
//                         color: #fff;
//                         margin-bottom: 20px;
//                         cursor: pointer;
//                     }

//                     //没有账号立即注册
//                     p:nth-child(5) {
//                         color: #757575;

//                         a {
//                             color: #00bdff;
//                             cursor: pointer;
//                         }

//                         span {
//                             display: inline-block;
//                             height: 20px;
//                             width: 20px;
//                             vertical-align: middle;
//                             background: url(../../assets/imgs/loginIcon.png);
//                             background-position: 110px -36px;
//                             cursor: pointer;
//                         }
//                     }
//                 }
//                 //选项卡第二部分扫码登录 进来先隐藏display: none;
//                 .tab-content-right {
//                     //进来先隐藏
//                     display: none;
//                     p:nth-child(1){
//                         height: 265px;
//                         width: 290px;
//                         margin: 0 auto;
//                         background-color:#cfcfcf; 
//                         padding-top: 20px ;
//                         text-align: center;
//                         img{
//                             display: block;
//                             margin: 25px auto;
//                         }
//                         b{
//                             font-weight: normal;
//                             margin: 20px auto;
//                             font-size: 12px;
//                         }
//                         span{
//                             display: block;
//                             font-size: 12px;
//                             margin-top: 20px;
//                         }
                        
//                     }
//                     //没有账号立即注册
//                     p:nth-child(2){
//                         font-size: 12px;
//                         color: #909090;
//                         margin-top: 20px;
//                         text-align: center;
//                         a{
//                             color: #00bdff;
//                         }
//                         span{
//                             display: inline-block;
//                             height: 20px;
//                             width: 20px;
//                             background: url(../../assets/imgs/loginIcon.png);
//                             background-position: -217px 20px;
//                             vertical-align: middle;
//                         }
//                     }
                  
                   
//                 }
//                 //点击添加类名显示display: block;
//                 .act{
//                     display: block;
//                 }

//             }
//         }
//     }
// }